<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="css/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
	</head>
	<body>
		<div class="container">
			<!-- nav是一个HTML5的新标签（article/section/footer/header/nav/main） -->
			<nav class="navbar bg-dark navbar-dark navbar-expand-md fixed-top">
				<a href="#" class="navbar-brand">JD.com</a>
				<!-- 汉堡包导航的制作 -->
				<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#biao">
					<span class="navbar-toggler-icon"></span>
				</button>
				<!-- 导航菜单的制作 -->
				<div class="collapse navbar-collapse" id="biao">
					<ul class="navbar-nav">
						<li class="nav-item"><a href="#" class="nav-link">首页</a></li>
						<li class="nav-item"><a href="#" class="nav-link">新闻</a></li>
						<li class="nav-item dropdown">
							<!-- 触发器 -->
							<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">教育</a>
							<!-- 下拉菜单的菜单 -->
							<div class="dropdown-menu">
								<a href="#" class="dropdown-item">中小学</a>
								<a href="#" class="dropdown-item">高考</a>
								<a href="#" class="dropdown-item">大学</a>
								<a href="#" class="dropdown-item">考研</a>
							</div>
						</li>
						<li class="nav-item"><a href="#" class="nav-link">旅游</a></li>
						<li class="nav-item"><a href="#" class="nav-link">科技</a></li>
					</ul>
				</div>
				<!-- 表单 -->
				<form action="search.php" method="get" class="form-inline">
					<input type="search" name="key" id="key" placeholder="search" class="form-control " />
					<button type="submit" class="btn btn-outline-success ml-2">搜索</button>
				</form>
				<span class="navbar-text">普通文本</span>
			</nav>
			<div class="text-center">
				<img src="image/building.webp" class="mx-auto d-block" >
			</div>
		</div>
	</body>
</html>
